/**
当父元素定义“display:table”而子元素定义“display:table-cell”时，如果给父元素
一定的宽度，父元素宽度就会根据子元素的个数进行自动平均划分

表格之使用table
div 多行不能保持每行对齐一直
*/

.lay-table-div{
    width: 100%;//默认继承宽度 或设置给定宽度
    overflow-x: auto;
    overflow-y: hidden; //隐藏垂直滚动
    //border: solid 1px;

    .lay-table{
        overflow: auto;
        width: 100%;
        
        //table-layout: fixed;
        //height: 100%; //默认自适应宽度
    }

    td{
        white-space: nowrap;//不换行
        text-align:center;
        vertical-align:middle;
    }

    th,td{
        border: solid 1px;
    }

    .lay-tr{

    }
    
    .lay-th{
       
    }
    
    .lay-td{
    }

    /**
    行列固定配合table.js
    **/
    /**
        单元行固定 表头使用
    */
    .table-item-h{
        position: relative;
        background: #FFF;
        background-clip: padding-box;//火狐边框不见了问题
    }
    /* 
        单元列固定 单元内容使用
    */
    .table-item-v{
        position: relative;
        background: #FFF;
        background-clip: padding-box;//火狐边框不见了问题
    }

    /*
        单元行列固定 表头使用
    */
    .table-item-hv{
        position: relative;
        z-index:1; //滚动遮挡问题
        background: #FFF;
        background-clip: padding-box;//火狐边框不见了问题
    }
}




